<template>
  <div>
    <!-- <iframe
      src="https://www.baidu.com"
      frameborder="0"
      width="100%"
      height="300px"
    ></iframe> -->

    <!-- <iframe
      src="https://zgrb.epicc.com.cn/G-WEB/h5/artdetail/index.html#/?hId=c4f9d6dd7f9b49bdb5d0be3065341919"
      frameborder="0"
      width="100%"
      height="300px"
    ></iframe> -->

    <iframe src="https://zgrb.epicc.com.cn/G-WEB/h5/artdetail/index.html#/?hId=c4f9d6dd7f9b49bdb5d0be3065341919"
    frameborder="0" width="100%" height="700px"></iframe>
    <input type="text">
    <el-form>
      <content-card title="123" type="line" @dblclick.native="a">
        <template v-slot:top-right>
          <el-button type="text" @click="on" @dblclick="b">点击打开 Dialog</el-button>
        </template>
        <template-table :tableData="tableData" :type="type" />
      </content-card>

    </el-form>



    <!-- <invoice-table /> -->
    <el-dialog :visible.sync="dialogVisible">
      <template-table :tableData="tableData1" />
    </el-dialog>

    <!-- <content-card title="表格">
      <c-table :columns="dataColumn" :dataSource="tableData" @row-click="RowClick" />
    </content-card>
    <content-card title="原表格">
      <c-table-copy :columns="dataColumn" :data="tableData" />
    </content-card> -->
  </div>
</template>

<script>
import InvoiceTable from "@/view/ui/components/invoice-table";
import TemplateTable from "./components/template-table.vue";
import ContentCard from "@/components/base/content-card/content-card";
import Util from "@/ck/util/util";
import DateUtil from "@/ck/util/dateUtil";
import CTable from "../../components/base/c-table/c-table.vue";
import CTableCopy from "../../components/base/c-table/c-table copy.vue";

export default {
  name: "table-test",
  components: {
    ContentCard,
    InvoiceTable,
    TemplateTable,
    CTable,
    CTableCopy,
    ContentCard,
  },
  data() {
    return {
      dialogVisible: false,
      tableData: [],
      tableData1: [],
      type: false,
      dataColumn: [
        { name: "任务类型", key: "name" },
        { name: "任务类型", key: "address" },
        { name: "任务类型", key: "date" },
        { name: "任务类型", key: "age" },
        { name: "任务类型", key: "num" },
      ],
    };
  },
  created() {
    // let id = '410725199603061615'
    // console.log(Util.getBirthByIdCard(id))
    // console.log(Util.getSexByIdCard(id))
    let data = '2022-01-08'
    // let data = 1676623576*1000
    // let data = new Date()
    console.log('dateFormatInit========', DateUtil.dateFormatInit(data));


    console.log('filterTime========', DateUtil.filterTime(data));
    console.log('filterTimeYmdHms========', DateUtil.filterTimeYmdHms(data));
    console.log('filterTimeYear========', DateUtil.filterTimeYear(data));
    console.log('filterTimeYear========', DateUtil.filterTimeYmdHms(DateUtil.addHour(data)));
    console.log('filterTimeYear========', DateUtil.filterTimeYmdHms(DateUtil.addDay(data)));

    this.init();

  },
  mounted() {
    document.getElementsByTagName("input").forEach(element => {
      element.disabled = true
    });

    // document.getElementsByTagName("input").disabled = true
    console.log(document.getElementsByTagName("input"));

  },
  methods: {
    RowClick(row, column) {
      console.log(2222);
      console.log(row, column);
    },
    on() {
      // this.type = true;
      // this.type = !this.type;
      // this.dialogVisible = true
    },
    a() {
      this.$message("1");
    },
    b() {
      this.$message("2");
    },
    init() {
      this.tableData = [
        {
          line: 1,
          date: "PEAC202136010000000930",
          name: "已完成",
          address: "上海市普陀区金沙江路 1518 弄",
          age: 23,
          num: 1,
          str1: null,
          str2: null,
          str2laber: null,
          str2dis: false,
          str3: null,
          str3laber: null,
          str3dis: false,
          str4: null,
        },
        {
          line: 2,
          date: "2016-05-04",
          name: "皮卡丘",
          address: "上海市普陀区金沙江路 1517 弄",
          age: 42,
          num: 2,
          str1: null,
          str2: 20,
          str2laber: "我的貂蝉在哪里",
          str2dis: true,
          str3: null,
          str3laber: null,
          str3dis: false,
          str4: null,
        },
        {
          line: 3,
          date: "2016-05-01",
          name: "钢铁侠",
          address: "上海市普陀区金沙江路 1519 弄",
          age: 37,
          num: 3,
          str1: null,
          str2: 30,
          str2laber: "夜晚徘徊的可怜家伙,能够收获的只有炮火",
          str2dis: false,
          str3: null,
          str3laber: null,
          str3dis: true,
          str4: null,
        },
        {
          line: 4,
          date: "2016-05-03",
          name: "dobby",
          address: "上海市普陀区金沙江路 1516 弄",
          age: 24,
          num: 4,
          str1: null,
          str2: null,
          str2laber: null,
          str2dis: true,
          str3: 40,
          str3laber: "东京",
          str3dis: true,
          str4: null,
        },
        {
          line: 5,
          date: "2016-05-03",
          name: "拉姆",
          address: "上海市普陀区金沙江路 1516 弄",
          age: 17,
          num: 5,
          str1: null,
          str2: 90,
          str2laber: "我的安琪拉",
          str2dis: true,
          str3: null,
          str3laber: null,
          str3dis: false,
          str4: null,
        },
        {
          line: 6,
          date: "2016-05-03",
          name: "艾米利亚",
          address: "上海市普陀区金沙江路 1516 弄",
          age: 18,
          num: 6,
          str1: null,
          str2: null,
          str2laber: null,
          str2dis: false,
          str3: 60,
          str3laber: "长沙",
          str3dis: false,
          str4: null,
        },
        {
          line: 7,
          date: "2016-05-03",
          name: "蕾姆",
          address:
            "上海市普陀区金沙江路 1516 弄上海市普陀区金沙江路 1516 弄上海市普陀区金沙江路 1516 弄上海市普陀区金沙江路 1516 弄",
          age: 16,
          num: 7,
          str1: null,
          str2: null,
          str2laber: null,
          str2dis: true,
          str3: 70,
          str3laber: "武汉",
          str3dis: true,
          str4: null,
        },
        {
          line: 8,
          date: "2016-06-13",
          name: "宫水三叶",
          address: "上海市青浦区区汇金路 33 号",
          age: 16,
          num: 8,
          str1: null,
          str2: null,
          str2laber: null,
          str2dis: false,
          str3: null,
          str3laber: null,
          str3dis: false,
          str4: null,
        },
      ];
      this.tableData1 = [
        {
          line: 1,
          date: "2022-03-31T17:13:55.000+08:00",
          name: "赫敏",
          address: "上海市普陀区金沙江路 1518 弄",
          age: 23,
          num: 1,
          str1: null,
          str2: null,
          str2laber: null,
          str2dis: false,
          str3: null,
          str3laber: null,
          str3dis: false,
          str4: null,
        },
        {
          line: 2,
          date: "2016-05-04",
          name: "皮卡丘",
          address: "上海市普陀区金沙江路 1517 弄",
          age: 42,
          num: 2,
          str1: null,
          str2: 20,
          str2laber: "我的貂蝉在哪里",
          str2dis: true,
          str3: null,
          str3laber: null,
          str3dis: false,
          str4: null,
        },
        {
          line: 3,
          date: "2016-05-01",
          name: "钢铁侠",
          address: "上海市普陀区金沙江路 1519 弄",
          age: 37,
          num: 3,
          str1: null,
          str2: 30,
          str2laber: "夜晚徘徊的可怜家伙,能够收获的只有炮火",
          str2dis: false,
          str3: null,
          str3laber: null,
          str3dis: true,
          str4: null,
        },
      ];
    },
  },
};
</script>

<style scoped></style>
